body { 
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
	margin: 0;
  padding: 0;
	background-color: #F7F7F7;
}

button {
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  border: 1px solid #666666;
  padding: 2px;
}

button:hover { border-style: outset; }
button:active { border-style: inset; }

/* roster */
#roster {
  width: 100%;
  cursor: default;
}

.roster { 
  background-color: white;
	color: black;
}

.chatbox { 
	background-color: white;
	background-image: none;
	color: black;
	margin:0;
	margin-left: 1px;
}

.hidden {
  display: none;
}

.rosterUser {
  padding: 2px;

	border-bottom: 1px dashed black;

	white-space: nowrap;
}

.rosterUserSelected {
  padding: 2px;

	border-bottom: 1px dashed black;

  color: highlighttext;
  background-color: highlight;

	white-space: nowrap;
}

.user_available { color: black; }
.user_chat { color: darkorange; }
.user_away { color: gray; }
.user_xa { 
	color: gray; 
	text-decoration: line-through;
}
.user_dnd { 
	color: darkred; 
	text-decoration: line-through;
}
.rosterGroupHeader {
/*	background-color: #d6d6d6; */
  font-weight: bold;
	border-bottom: 1px dashed black;
}

.rosterGroupHeaderHidden {
/* 	background-color: #d6d6d6; */
  font-weight: bold;
  display: none;
}

.rosterInnerElement { padding: 4px; padding-left:10px; padding-right:12px; }

.statusMsg { 
  font-size: smaller;
	white-space: nowrap;
}

.link { 
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.chatUser {
	cursor: pointer;
	white-space: nowrap;
}

.meMsg { 
	color: green;
	font-weight: bold;
	white-space: nowrap;
}

.privMsg { 
	color: purple;
	font-weight: bold;
	white-space: nowrap;
}

img.actionButton { cursor: pointer; }

h1 { font-size: 1.4em; }

h2 { 
	font-size: 1.2em; 
	margin-bottom: 0.8em; 
}

h3 { 
	font-size: 1.0em; 
	font-style: italic;
}

#room_name { 
	padding-left: 8px;
	font-family: helvetica,arial,verdana,sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	color: #333333;
}

.room_topic {
	padding-left: 8px;
	font-family: helvetica,arial,verdana,sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8em;
	color: #333333;
}

#send_to_label { 
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
}

#msgbox { 
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #eeeeee;
	-moz-border-radius: 4px;
}

#submit_button { 
	margin-left: 8px;
	cursor: pointer;
}

#submit_button:hover { 
	background-color: white;
}

.gcIFrame {
	border:0;
	padding: 0;
	margin:0;
}

td.spaced { 
	padding-left: 8px;
	padding-top: 8px;
}

#barbottom {
	position:absolute;
	bottom:0px;
	left:0px;
	background: url(images/redbar.jpg) no-repeat;
	font-weight:bold;
	width:100%;
	color:black;
}

.spacer {
	width: 3px;
	height: 16px;
	margin-top: 4px;
	border: 0;
	border-left: 1px solid threedshadow;
	border-right: 1px solid threedlightshadow;
	margin-left: 4px;
	margin-right: 4px;
	font-size: 10px;
}

#toolbar { 
	background-color: menu;
	border-top: 2px outset threedface;

	padding: 2px;
}

#toolbar label {
	font-size: 0.65em;
}

#toolbar input, #toolbar select {
	font-size: 0.65em;
	border: 1px solid black;
}

#status_message:hover,#status_message:focus {
	background-color: lemonchiffon;
}

.highlighted {
	color: darkorange;
/*	font-style: italic; */
}

.infoBox {
	width: 320px;
	border: 2px dashed black;
	background-color: white;

	margin: auto;
	margin-top: 4.8em;
	padding: 1.2em;

	font-size: 1.2em;
	font-weight: bold;
	color: #000033;
}


